<template>
    <div>
 <van-nav-bar title="好友排名" left-arrow
  @click-left="onClickLeft"  >
             <van-nav-bar
  
  left-arrow
  @click-left="onClickLeft"
  size="18px" color="#000"
/>   
  <van-icon name="upgrade" slot="right"  size="18px" color="#000" />
</van-nav-bar>

<van-tabs v-model="active">
  <van-tab title="本周"></van-tab>
  <van-tab title="本月"></van-tab>
 
</van-tabs>
<p class="namer"><van-icon name="manager" /><span>用户名</span></p>
<p class="namer2"><span><van-icon name="manager" />好友太少？没有pk快感？现在就添加</span> <span><van-icon name="arrow" /></span></p>
    </div>
</template>

<script>
export default {
    data(){
        return{
            active:''

        }
    },
    methods:{
   onClickLeft(){

this.$router.go(-1)

   }

    }

}
</script>

<style scoped>
.namer{
    padding: 10px 10px;
    box-sizing: border-box;
    font-size: 14px;
    border-bottom: 1px solid #ccc


}
.namer2{
    position: fixed;
    bottom: 0px;
    left: 0;
    font-size: 12px;
     padding: 0px 10px;
    box-sizing: border-box;
    background: #eee;
    width: 100%;
    line-height: 40px;
   
    margin: 0;
    display: flex;
    justify-content: space-between
    


}
</style>
